<template>
	<view>
		<van-nav-bar
		  left-text="返回"
		  left-arrow
		  :border="false"
		 
		 
		/>
		
		<view class="main_wrap">
			<view class="main">
				<view class="main_top">
					<view class="fs42 fw">请输入验证码</view>
					<view class="fs24 mt30" style="color: #aeaeb2;margin-bottom: 30rpx;">验证码已发送至: 
						<text class="phone ml25">1234567890</text>
					</view>
					
					
				</view>
				
				<view class="codeInput">
					<!-- <codeInput ref="codeInput" :errorType="errorType" @verificationCode="verificationCode" codeType="line" blockNum="6"></codeInput> -->
					<view class="fs24" style="color: #bbbbbb;margin-top: 38rpx;"><text class="time">59</text>秒后可重新发送验证码</view>
				</view>
				
				
				
			</view>
		</view>
	</view>
</template>

<script>
	// import codeInput from "../../components/verification-codeInput/verification-codeInput.vue"
	export default {
		data() {
			return {
				
			}
		},
		components:{
			// codeInput
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
/deep/ .van-nav-bar__text{
	color: #4a4a4a !important;
}
/deep/ .van-icon{
	color: #4a4a4a !important;
	margin-right: 22rpx !important;
}

/deep/ .verifical-input-real{
	color: #03bb7a !important;
}

.main_wrap{
	padding: 59rpx 80rpx 0;
	.main{
		.main_top{
			margin-bottom: 110rpx;
		}
		.time{
			color: $primaryColor;
			
		}
	}
}
</style>
